.login{
    width: 100%;
    height: 100%;
    background-image: url('../../assets/images/login-bg.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    &-con{
        position: absolute;
        right: 260px;
        top: 50%;
        text-align: center;
        transform: translateY(-60%);
        width: 360px;
        &-header{
            font-size: 16px;
            font-weight: 300;
            text-align: center;
            padding: 30px 0;
        }
        &>.logo{
            img{
                height: 90px;
            }
            span{
                font-size: 14px;
                margin-bottom: 20px;
            }
        }
        .form-con{
            padding: 10px 0 0;
        }
        .login-tip{
            font-size: 10px;
            text-align: center;
            color: #c3c3c3;
        }
        .isSave{
            width: 100%;
            .ivu-form-item-content{
                width: 100%;
                display: inline-flex;
                flex-direction: row;
                justify-content: space-between;
            }
        }
        .ivu-form-item-content{
            &>span{
                img{
                    width: 24px;
                    margin-left: 16px;
                    cursor: pointer;
                    vertical-align: middle;
                    opacity: .7;
                    transition: all .2s ease-in-out;
                }
            }

        }
    }
}

//.flexC {
//    display: inline-flex;
//    flex-direction: column;
//    flex-shrink: 0;
//}
//
//.flexR {
//    display: inline-flex;
//    flex-direction: row;
//    align-items: center;
//    flex-shrink: 0; /*如果元素的大小是根据其子元素的来决定，并没有设置width、height或flex-basis 容器重叠在一起的兼容问题*/
//}
//
//.blueText {
//    color: #1890FF;
//    cursor: pointer;
//}